
/**
 * LIST
 */
 
div.mail-bar {
	background: #f7efc9;
	margin: 0px 0px 20px;
	overflow: hidden;
	border-bottom: #d7cb91 1px solid;
}

	div.mail-bar div.label {
		margin: 10px;
		font-size: 12pt;
		color: #666;
		float: left;
	}
	
	div.mail-bar div.controls {
		float: right;
		padding: 5px 5px 0px 0px;
	}
	
		div.mail-bar div.controls span {
			float: left;
			display: block;
		}

table.mail-list {
	width: 100%;
	border: 0px;
	border-spacing: 0px;
}

	table.mail-list tr th {
		font-weight: normal;
		text-align: left;
		color: #666;
		padding: 3px;
	}
	
		table.mail-list tr th.date {
			text-align: right;
		}
	
	table.mail-list tr td {
		padding: 3px;
		border-top: #fff 1px solid;
		border-bottom: #eee 1px solid;
	}
	
	table.mail-list tr td.delete-message {
		width: 40px;
	}
	
	table.mail-list tr td.sender {
		width: 150px;
	}
	
	table.mail-list tr td.subject {
	
	}
	
	table.mail-list tr td.date {
		width: 150px;
		text-align: right;
	}
		
		table.mail-list tr td.date span {
			color: #AEAEAE;
		}
		
	table.mail-list tr.selected td {
		background: #f1faff !important;
		border-bottom: #d5e8f4 1px solid;
	}
	
	table.mail-list tr.new td {
		font-weight: bold;
		background: #fff9e8;
		border-bottom: #dedede 1px solid;
	}
		
/**
 * READ
 */

div.mail-message {}

	div.mail-message div.content {
		margin: 20px 0px;
		padding-left: 20px;
		overflow: hidden;
	}
	
	div.mail-message div.info-wrapper {
		overflow: hidden;
		padding-left: 20px;
	}
	
	div.mail-message div.info {
		border: 1px solid #BBBBBB;
		padding: 5px 0px 5px 15px;
		float: left;
	}
	
		div.mail-message div.info div {
			float: left;
			margin-right: 15px;
		}
	
		div.mail-message div.info div a {
			color: #000;
			text-decoration: none;
		}
		
		div.mail-message div.info div a:hover {
			text-decoration: underline;
		}
		
		div.mail-message div.info div.delete a {
			color: #CC0000;
		}
		
/**
 * WRITE
 */
div.friend-selection {
	width: 60%;
	overflow: visible;
	position: relative;
	height: 22px;
	border: #bbb 1px solid;
}

div.friend-selection.focused {
	border: #83a9d4 1px solid;
}
	
	div.friend-selection div.label {
		position: absolute;
		top: 2px;
		left: 5px;
		font-size: 13px;
		color: #bbb;
	}
	
	div.friend-selection div.label.hidden {
		display: none !important;
	}
	
	div.friend-selection.focused div.label {
		display: none;
	}

	div.friend-selection div.input {
		margin-right: 20px;
	}
	
		div.friend-selection div.input input {
			border: 0;
			height: 18px;
			margin: 0;
			width: 98%;
			font-size: 13px;
			padding: 2px;
		}
	
	div.friend-selection div.button {
		float: right;
		height: 22px;
		width: 20px;
		background: url("/images/arrow-down.png") center center no-repeat;
	}
	
	div.friend-selection div.button.focused,
	div.friend-selection.focused div.button {
		background-color: #e0e3e6;
	}
	
	div.friend-selection div.list {
		display: none;
		background: #f8f8f8;
		border: #bbb 1px solid;
		border-top: 0;
		position: absolute;
		top: 23px;
		left: -1px;
		width: 100%;
		max-height: 180px;
		//height: expression(this.clientHeight > 180 ? "180px" : this.clientHeight+"px");
	}
	
	div.friend-selection div.list.loading {
		height: 50px;
		background: #f8f8f8 url("/images/photo-tickets-ajax-loader.gif") center center no-repeat;
	}
	
		div.friend-selection div.list div.not-find {
			background: #eee;
			color: #666;
			padding: 3px;
			font-size: 9pt;
			display: none;
		}
	
		div.friend-selection div.list ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
			div.friend-selection div.list ul li {
				margin: 0;
				padding: 0;
				border-top: #eee 1px solid;
			}
			
				div.friend-selection div.list ul li a {
					display: block;
					padding: 3px 5px;
					color: #000;
					font-size: 9pt;
					text-decoration: none;
				}
				
				/*div.friend-selection div.list ul li a:hover,*/
				div.friend-selection div.list ul li.selected a {
					background: #4d749f;
					color: #fff;
				}